html, body{ margin:0; height:100%; }
body { font-family:微软雅黑; font-size:14px; background:#EEE; }
*{margin:0; padding:0;}
ul,li,dl,dt,dd{margin:0; padding:0; list-style-type:none}
table{ border-collapse:collapse;}
input[type="button"]{font-family:"微软雅黑"; border:0; cursor:pointer; font-size:1.2rem;border-radius:5px;}

.top_box{ background:#199690; height:70px; padding-top:10px; width:100%;position:fixed;top:0;left:0; text-align:center; color:#fff; z-index:10;}
.top_box *{ vertical-align:middle;}
.btnti{ background:#fff; height:44px; padding:0 20px; color:#ffb109; }
.btnti:hover{ background:#d1fbfc; color:#00c2c4;box-shadow:0px 0px 8px #00fcff;transition:all .3s;-moz-transition:all .3s;-ms-transition:all .3s;-webkit-transition:all .3s;-o-transition:all .3s; }
.btnss{ background:#fe9601; height:44px; padding:0 20px; color:#fff; }
.btnss:hover{ background:#fff8ce; color:#fe9601;box-shadow:0px 0px 8px #00fcff;transition:all .3s;-moz-transition:all .3s;-ms-transition:all .3s;-webkit-transition:all .3s;-o-transition:all .3s; }

.countdowntime{ position:relative; background:url(images/exampro/exampro_bg.png) no-repeat 0 -205px; width:330px; padding-left:24px; height:58px; line-height:58px; font-size:1.2rem;display:inline-block; text-align:left;transition:all 0.3s;}
.countdowntime:hover{transform:translate(0,-5px);}
.countdowntime a{ width:40px; text-align:center; font-size:24px; color:#474747;display:inline-block;}
.countdowntime .countdownHH { position:absolute; top:1px; left:110px;}
.countdowntime .countdownMM { position:absolute; top:1px; left:180px;}
.countdowntime .countdownSS { position:absolute; top:1px; left:250px;}

.leftbox{ width:260px; background:#faf2e1;border-radius:5px; 
top:90px; left:0px;
margin:0 15px; padding-bottom:15px; overflow:auto;
SCROLLBAR-FACE-COLOR: #ffffff;
 SCROLLBAR-HIGHLIGHT-COLOR: #dcdcdc; 
 SCROLLBAR-3DLIGHT-COLOR: #f2f2f2; 
 SCROLLBAR-ARROW-COLOR: #969696; 
 SCROLLBAR-TRACK-COLOR: #fff; 
 SCROLLBAR-DARKSHADOW-COLOR: #f2f2f2;}
.leftbox h1{ font-size:18px; color:#199690; text-align:center; padding:20px 0;transition:all 0.3s;}
.leftbox h2{ font-size:15px; color:#3d3d3d; text-align:center; padding:10px 0;transition:all 0.3s;}
.leftbox h1:hover,.leftbox h2:hover{transform:translate(-5px,0);}

.notes{background:url(images/exampro/exampro_bg.png) no-repeat 0 -281px; margin-left:10px;padding-left:43px; color:#3d3d3d;}
.notes li{ margin-bottom:20px;}
.iconnotreplied{ background:#AAA; width:14px; height:14px; border-radius:50%; display:inline-block;}
.iconreplied{ background:#FF0000; width:14px; height:14px; border-radius:50%; display:inline-block;}
.iconsaved{background:#00EF93; width:14px; height:14px; border-radius:50%; display:inline-block;}

select { font-family:微软雅黑; background:#FFF; }
.replyArea { font-family:微软雅黑; }

table td{ vertical-align: top; }
.table_box{ background:#fff; border-radius:5px;}
.table_box th{ background:#6fbbb5; height:58px; line-height:58px; color:#fff; font-size:1.2rem;border-radius:5px 5px 0 0;}
.table_box .section { font-size:1.2rem; color:#199690; padding:15px 20px;}
.table_box .section .note {font-size:0.8rem; padding-left:10px }
.arrange { text-align:center; }
.arrange .title { font-size:30px; word-wrap:break-word;word-break:break-all;}
.arrange .score { font-size:20px; margin-left:5px; }

.whiteblank { height:20px; }
.blank01{ margin-bottom:10px; }

.question  div span  {position:relative;font-size: 14px;}
/*tr.current  > td {border-left: solid 2px #01AEF0; background-color:#EEE; } 
tr.question .snblock {display:inline-block; width:40px; margin-left:-45px; }*/

.question .snblock{background:url(images/exampro/exampro_bg.png) no-repeat -366px -371px; width:48px; height:40px;
 display:inline-block; color:#FFF; text-align:center; line-height:26px; position:absolute; top:0; left:-10px; }
.current .snblock{background:url(images/exampro/exampro_bg.png) no-repeat -280px -371px; }

.complex > td > .content { padding-left: 50px; padding-right:20px;}
/*.complex > td {border-left: solid 1px #FFF; } 
.complexCurrent > td {border-left: solid 1px gray; }*/
.question span.score {color:#99a0a3; margin-left:5px;}

.question .choiceChoosed { color:#ff5a09;}

.question.match .choiceSN {cursor:pointer; text-align:center; background-color:#0A0;}
.question.match .choiceSN.choosed {background-color:#F00;}
.question.match .matchTable {border:solid 1px gray; background-color:white;}
.question.match .matchTable .tdLines {border-left:solid 1px gray; border-right:solid 1px gray; width:180px;}
.question.match .matchTable .tdLines a {font-size:12px; text-decoration:none; color:blue; margin-left:10px;}
.question.match .matchTable tr:nth-child(odd) {background-color:white;}
.question.match .matchTable tr:nth-child(even) {background-color:lightgray;}

/*span.noflag { display:inline-block; padding:0px; margin:0px; cursor:pointer; width:9px; height:15px; background:url(images/exampro/exampro_bg.png) no-repeat 0px -115px; }
span.flag   { background:url(images/exampro/exampro_bg.png) no-repeat -20px -115px; }*/
span.noflag { display:inline-block; padding:0px; margin:0px; cursor:pointer; width:20px; height:20px;
	background:url(images/exampro/exampro_bg.png) no-repeat -370px -204px; position:absolute; top:20px; left:55px; }
span.flag   { background:url(images/exampro/exampro_bg.png) no-repeat -370px -246px; }

textarea.replyArea { width:80%; height:100px; }

span.choiceSN { display:inline-block; width:15px; height:20px; text-align:center; margin-right:2px;}
span.blankSN  { display:inline-block; width:40px; }

/*#thumbnailWrapper {height:300px;overflow-y:auto;}*/
.card_top{background:url(images/exampro/exampro_bg.png) no-repeat -280px -283px; width:220px; height:35px; margin:0 auto;}
.card_foot{background:url(images/exampro/exampro_bg.png) no-repeat -280px -323px; width:220px; height:17px; margin:0 auto;}
.card_center{ background:#fff;width:180px;margin:0 auto; padding:5px 20px;}
.card_center table td{ border:1px solid #ddd; width:24px;height:24px; padding:3px 5px 4px; text-align:center;font-size:12px; font-family:Arial;}

.thumbnail .jmp { width:24px; height:24px;background:#AAA; border-radius:50%; color:#fff;display:inline-block;  line-height:24px; cursor:pointer; }
.thumbnail .replied  { width:24px; height:24px;background:#FF0000; border-radius:50%; color:#000;display:inline-block;  line-height:24px; } 
.thumbnail .saved    { width:24px; height:24px;background:#00EF93; border-radius:50%; color:#fff;display:inline-block;  line-height:24px; } 
.thumbnail td.flag { background:url(images/exampro/exampro_bg.png) no-repeat -427px -180px; }


.person{ width:200px; position:fixed; top:90px; right:0px; background:#faf2e1;border-radius:5px; margin:0 15px; padding:30px 0; text-align:center; height:100%; }
.person li{ font-size:18px; color:#199690; margin-bottom:10px;}
.person img{ width:100px; height:100px; border-radius:50%; transition:all .4s ease-in-out;}
.person img:hover{transform:scale(1.2)}